<!DOCTYPE html>
<html>
    <head>
        <title>分类介绍</title>
        <meta charset="utf8"/>
        <link href="<?php echo Yii::app()->request->baseUrl . '/css/bootstrap-3.2.0/css/bootstrap.min.css'; ?>" rel="stylesheet" type="text/css"/>
        <script src="<?php echo Yii::app()->request->baseUrl . '/css/bootstrap-3.2.0/js/jquery-1.11.1.min.js'; ?>" type="text/javascript"></script>
        <script src="<?php echo Yii::app()->request->baseUrl . '/css/bootstrap-3.2.0/js/bootstrap.min.js'; ?>" type="text/javascript"></script>
        <style>
            body {background-color: white;}
            ul {margin: 0;}
            li {list-style: none;}
            #header {width: 100%;height: 50px;background-color: #16B5EF;}
            #header a {display: inline-block;margin-top: 8px;}
            #header span {display: inline-block;margin-top: 8px;color: white;font-size: 20px;}

            #content {width: 100%;text-align: center;position: relative;}
            ul.menu {width: 100%;padding: 0;}
            ul.menu li {width: 100%;}
            .line {width: 100%;height: 8px;background-color: #C7C7C7;}
            .item {width: 100%;height: 195px;}
            .word {color: white;font-size: 24px;font-weight: bold;position: relative;top: -120px;right: -100px;}

            .ok1 {width: 31px;height: 31px;background-image: url(<?php echo Yii::app()->request->baseUrl . '/images/BWeEvent/ok.png'; ?>);position: absolute;top: 192px;left: 50%;z-index: 500;margin-left: -20px;}
            .ok2 {width: 31px;height: 31px;background-image: url(<?php echo Yii::app()->request->baseUrl . '/images/BWeEvent/ok.png'; ?>);position: absolute;top: 395px;left: 50%;z-index: 500;margin-left: -20px;}
        </style>
    </head>

    <body>
        <div id="header">
            <?php
            echo $control->getAjaxLink(array(
                'name' => '<img src="' . Yii::app()->request->baseUrl . '/images/BWeEvent/back.png' . '"/>',
                'id' => 'goIndex'),
                    array(
                'viewName' => 'guanzhe_index_2',
                'htmlOptions' => array(
                    'enctype' => 'multipart/form-data'
            )));
            ?>
            <span>介绍</span>
        </div>
        <div id="content">
            <ul class="menu">
                <li>
                    <div class="line"></div>
                    <div class="item">
                        <img src="<?php echo Yii::app()->request->baseUrl . '/images/BWeEvent/club.jpg'; ?>" width="100%" height="100%"/>

                             <?php
                             echo $control->getAjaxLink(array(
                                 'name' =>' <span class="word">俱乐部介绍</span>',
                                 'id' => 'clubArticle'),
                                     array(
                                 'viewName' => 'clubArticle',
                                 'htmlOptions' => array(
                                     'enctype' => 'multipart/form-data'
                             )));
                             ?>
                    </div>
                </li>
                <li>
                    <div class="line"></div>
                    <div class="item">
                        <img src="<?php echo Yii::app()->request->baseUrl . '/images/BWeEvent/coach.jpg'; ?>" width="100%" height="100%"/>
                      <?php
                        echo $control->getAjaxLink(array(
                            'name' => ' <span class="word">教练列表</span>',
                            'id' => 'introduceList'),
                                array(
                            'viewName' => 'introduceTeacher',
                            'htmlOptions' => array(
                                'enctype' => 'multipart/form-data'
                        )));
                        ?>
                    </div>
                </li>
                <li>
                    <div class="line"></div>
                    <div class="item">
                        <img src="<?php echo Yii::app()->request->baseUrl . '/images/BWeEvent/student.jpg'; ?>"  width="100%" height="100%"/>
                        <?php
                        echo $control->getAjaxLink(array(
                            'name' => ' <span class="word">学员列表</span>',
                            'id' => 'introduceList'),
                                array(
                            'viewName' => 'introduceStudent',
                            'htmlOptions' => array(
                                'enctype' => 'multipart/form-data'
                        )));
                        ?>
                    </div>
                </li>
            </ul>
            <div class="ok1"></div>
            <div class="ok2"></div>
        </div>
    </body>
</html>
